<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>HUAWEI P40 系列丨5G 新品上市</title>
        <style>
            body{
                margin: 0;
                padding: 0;
            }
            .wrapper{
                width: 100%;
                height: 100%;
                position: relative;
            }
            .wrapper-w{
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
            }
            .header{
                width: 100%;
                height: 70px;
                position: fixed;
                top: 0;
                text-align: center;
                z-index: 1000;
            }
            .header img{
                margin-left: -200px;
            }

            .pic-wrap{
                width: 120%;
                overflow: hidden;
                text-align: center;
                margin-top: 20px;
                position: relative;
                margin-left: -200px;
            }
            .pic-wrap img{
                background-size: cover;
                left: -50px;
            }
            .pic-link1{
                display: block;
                width: 610px;
                height: 480px;
                position: absolute;
                top: 120px;
                left: 90px;
            }
            .pic-link2{
                display: block;
                width: 740px;
                height: 620px;
                position: absolute;
                top: 118px;
                right: 80px;
            }

            .diagram{
                width: 1000%;
                overflow: hidden;
                margin-left: -13%;
                position: relative;
            }
            .dia-img{
                height:380px ;
            }

            .dia-links{
                width: 100%;
                height: 380px;
                position: absolute;
                top: 738px;
                left: 0;
            }
            .dia-top{
                display: block;
                position: absolute;
                border-radius: 8px;
                border: 1px solid transparent;
                height: 160px;
                top: 8px;
            }
            .dia-link-first{
                width: 395px;
                left: 160px;
            }
            .dia-link-second{
                width: 365px;
                left: 998px;
            }
            .dia-link-third{
                display: block;
                position: absolute;
                width: 120px;
                height: 60px;
                top: 268px;
                left: 170px;
            }
            .dia-link-fourth{
                display: block;
                position: absolute;
                width: 180px;
                height: 60px;
                top: 268px;
                left: 290px;
            }
            .dia-link-fifth{
                display: block;
                position: absolute;
                width: 353px;
                height: 163px;
                top: 173px;
                left: 562px;
            }
            .dia-link-sixth{
                display: block;
                position: absolute;
                width: 125px;
                height: 163px;
                top: 173px;
                left: 1243px;
            }
            .dia-link-seventh{
                display: block;
                position: absolute;
                width: 560px;
                height: 40px;
                top: 340px;
                left: 795px;
            }

            .reason{
                width: 1000%;
                height: 205px;
                margin-left: -13%;
            }
            .reason-item{
                width: 1920px;
                height: 880px;
                margin-left: -13%;
            }

            .Pro-info{
                width: 590px;
                height: 576px;
                position: absolute;
                top: 2245px;
                left: 159px;
            }
            .Pro-firstPay{
                width: 253px;
                height: 70px;
                position: absolute;
                top: 2900px;
                left: 200px;
            }
            .Pro-secondPay{
                width: 253px;
                height: 70px;
                position: absolute;
                top: 2900px;
                left: 450px;
            }
            .P40-info{
                width: 590px;
                height: 576px;
                position: absolute;
                top: 2245px;
                left: 775px;
            }
            .P40-firstPay{
                width: 253px;
                height: 70px;
                position: absolute;
                top: 2900px;
                left: 818px;
            }
            .P40-secondPay{
                width: 253px;
                height: 70px;
                position: absolute;
                top: 2900px;
                left: 1072px;
            }

            .P40-5G{
                position: absolute;
                display: block;
                width: 253px;
                height: 70px;
                top: 3312px;
                left: 205px;
            }
            .P40-5G-oldUser{
                position: absolute;
                display: block;
                width: 253px;
                height: 70px;
                top: 3312px;
                left: 460px;
            }
            .P40-5G-info{
                width: 600px;
                height: 350px;
                position: absolute;
                display: block;
                top: 3075px;
                left: 718px;
            }

            .phoneSet{
                width: 100%;
                height: 278px;
                position: relative;
                text-align: center;
                overflow: hidden;
            }
            .phoneSet-items{
                width: 1200px;
                position: relative;
                margin: 0 auto;
                overflow: hidden;
            }
            .drag-list{
                min-width: 1200px;
                position: relative;
                box-sizing: content-box;
                margin: 5px auto 0;
                height: 268px;
                padding: 0;
            }
            .drag-items{
                width: 240px;
                height: 268px;
                position: relative;
                float: left;
                box-sizing: border-box;
                list-style: none;
                border-left: 1px solid #eaeaea;
                border-top: 1px solid #eaeaea;
                border-bottom: 1px solid #eaeaea;
                transition: .2s;
            }
            .drag-item{
                display: block;
                width: 100%;
                height: 266px;
                text-decoration: none;
                color: #3a3a3a;
                cursor: pointer;
                overflow: hidden;
            }
            .drag-pic{
                width: 120px;
                height: 120px;
                margin: 36px auto 0;
                position: relative;
            }
            .drag-img{
                width: 120px;
                height: 120px;
            }
            .drag-title{
                width: 199px;
                height: 24px;
                color: #3a3a3a;
                text-align: center;
                font-size: 14px;
                margin: 14px 20px 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-weight: 400;
            }
            .phoneSet p{
                font-size: 12px;
                margin: 0 20px 0;
            }
            .price{
                width: 199px;
                height: 40px;
                line-height: 40px;
                margin: 3px 20px 0;
                font-size: 14px;
            }
            .phoneSet .price span{
                font-weight: 400;
            }
            .drag-items:hover{
                margin-top: -3px;
                box-shadow: 0 20px 20px 5px rgba(0,0,0,0.07);
            }
            .drag-last{
                border-right: 1px solid #eaeaea;
            }
            .phoneSet .drag-last p{
                font-size: 12px;
                font-weight: 400;
                color: #a4a4a4;

            }

            .electronicPro{
                width: 100%;
                overflow: hidden;
                position: relative;
                text-align: center;
            }
            .electronicPro-link{
                width: 1200px;
                height: 200px;
                position: absolute;
                top: 0;
                left: 160px;
            }
            .electronic{
                width: 100%;
                overflow: hidden;
            }
            .electronic>.elect-items{
                margin: 0 auto;
            }
            .elect-items{
                width: 1200px;
                height: 100%;
                overflow: hidden;
            }
            .elect-item{
                box-sizing: border-box;
                width: 25%;
                padding: 0 5px 10px;
                float: left;
            }
            .elect-link{
                display: block;
                width: 290px;
                height: 420px;
                box-sizing: border-box;
                text-decoration: none;
            }
            .elect-pic{
                width: 100%;
                height: 230px;
                background-repeat: no-repeat;
                background-size: cover;
                transition: .5s;
            }
            .elect-info{
                width: 100%;
                height: 190px;
                box-sizing: border-box;
                text-align: center;
                transition: .2s;
            }
            .elect-name{
                box-sizing: border-box;
                width: 100%;
                height: 48px;
                padding: 0 20px;
                overflow: hidden;
            }
            .name-h2{
                box-sizing: border-box;
                display: block;
                width: 100%;
                height: 36px;
                line-height: 36px;
                margin: 12px 0 0 0;
                text-align: center;
                color: #000000;
                font-weight: 400;
            }
            .elect-title{
                box-sizing: border-box;
                width: 100%;
                font-size: 16px;
                overflow: hidden;
            }
            .title-text{
                text-align: center;
                height: 27px;
                width: 250px;
                padding: 0 20px;
                color: #808080;
                line-height: 27px;
                margin-bottom: 2px;
            }
            .on-sale{
                width: 100%;
                overflow: hidden;
                font-size: 22px;
            }
            .on-sale-info{
                box-sizing: border-box;
                width: 100%;
                padding: 0 20px;
                height: 36px;
                line-height: 36px;
                color: #bf1a1a;
                text-align: center;
                margin: 9px 0;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .elect-price{
                box-sizing: border-box;
                width: 250px;
                height: 40px;
                position: relative;
                margin: 0 auto;
                text-align: center;
            }
            .btn-line{
                width: 156px;
                height: 40px;
                border-radius: 24px;
                background: #222222;
                vertical-align: middle;
                line-height: 41px;
                margin: 0 auto;
                text-align: center;
                color: #FFFFFF;
            }
            .btn-rmb{
                font-size: 16px;
            }
            .btn-price{
                font-size: 28px;
            }
            .btn-q{
                font-size: 18px;
            }
            .elect1{
                background-image: url("https://res3.vmallres.com/shopdc/pic/82bf47ef-9e55-42a8-9e51-d15b7c5aac24.jpg");
                background-position: 0 -20px;}
            .elect2{
                background-image: url("https://res1.vmallres.com/shopdc/pic/402f1b0d-cab3-421f-9974-9b5e06b5ecec.jpg");
                background-position: 0 -20px;}
            .elect3{
                background-image: url("https://res9.vmallres.com/shopdc/pic/5c0e4dce-3dee-4dec-82bf-e571adf69523.jpg");
                background-position: -22px 0;}
            .elect4{
                background-image: url("https://res1.vmallres.com/shopdc/pic/5d289c10-f205-4a77-85f5-294617cdaaef.jpg");
                background-position: -22px 0;}
            .elect5{background-image: url("https://res0.vmallres.com/shopdc/pic/05fe3ca1-71cd-42c9-b759-1203a51a78b7.jpg");
                background-position: -22px 0;}
            .elect6{background-image: url("https://res2.vmallres.com/shopdc/pic/0fc8dc92-02d7-4633-9c50-c36162b1eb03.jpg");
                background-position: -22px 0;}
            .elect7{background-image: url("https://res0.vmallres.com/shopdc/pic/8acead4d-bf1b-452d-9be7-814004f4edd0.jpg");
                background-position: -22px 0;}
            .elect8{background-image: url("https://res7.vmallres.com/shopdc/pic/0123d542-636b-4ee1-8e55-3aee718276de.jpg");
                background-position: -22px 0;}
            .elect-link:hover .elect-pic{
                transform: scale(1.03,1.03);
            }
            .elect-link:hover .elect-info{
                background: #222222;
            }
            .elect-link:hover .name-h2{
                color: #FFFFFF;
            }
            .elect-pic-wra{
                width: 290px;
                height: 230px;
                overflow: hidden;
            }

            .wra-diagram{
                width: 100%;
                position: relative;
                overflow: hidden;
            }
            .wra-diagram>.diagram{
                margin-top: 50px;
                margin-left: -30%;
            }
            .wra-diagram a{
                display: block;
                position: absolute;
            }
            .wra-diagram-link1{
                width: 580px;
                height: 170px;
                top: 227px;
                left: 15px;
            }
            .wra-diagram-link2{
                width: 390px;
                height: 170px;
                top: 410px;
                left: 12px
            }
            .wra-diagram-link3{
                width: 390px;
                height: 170px;
                top: 410px;
                left: 800px
            }
            .wra-diagram-links{
                width: 100%;
                height: 350px;
                position: relative;
                overflow: hidden;
            }
            .wra-diagram-links>.diagram{
                margin-top: 10px;
                margin-left: 0;
            }
            .wra-diagram-link{
                width: 1200px;
                height: 245px;
                display: block;
                position: absolute;
                top: 85px;
                left: 0;
            }

            .bank-sale{
                width: 100%;
                height: 141px;
                position: relative;
            }
            .bank-sale a{
                display: block;
                width: 100%;
                height: 141px;
            }
            .bank-zsyh{
                width: 100%;
                margin: 10px 0;
                overflow: hidden;
                position: relative;
            }
            .HW-P40-pay{
                display: block;
                position: absolute;
                width: 1050px;
                height: 250px;
                top: 0;
            }
            .bank-more{
                display: block;
                position: absolute;
                width: 150px;
                height: 200px;
                top: 50px;
                left: 1050px;
            }
            .HuaWeiNew{
                display: block;
                width: 1200px;
                height: 200px;
            }

            .phone1{background-image: url("https://res5.vmallres.com/shopdc/pic/58ef9be9-26db-471f-bff7-8d1f96441f4d.jpg");}
            .phone2{background-image: url("https://res6.vmallres.com/shopdc/pic/d3a8e1d1-4e05-44d5-a87e-05e55760dd95.jpg");}
            .phone3{background-image: url("https://res2.vmallres.com/shopdc/pic/f0a7b819-c06b-42a6-af79-bbf2a75a23fe.jpg");}
            .phone4{background-image: url("https://res2.vmallres.com/shopdc/pic/191ac998-07e1-4919-a471-8aeee51ff5e2.jpg");}
            .phone5{background-image: url("https://res1.vmallres.com/shopdc/pic/d6b2f690-f712-4c3e-9a27-e5c59c307c87.jpg");}
            .phone6{background-image: url("https://res2.vmallres.com/shopdc/pic/019f5e23-fdaa-47ab-a5a3-b7dad8c5748e.jpg");}
            .phone7{background-image: url("https://res2.vmallres.com/shopdc/pic/d5993aa4-d536-40a7-9110-ddc04e776980.jpg");}
            .phone8{background-image: url("https://res6.vmallres.com/shopdc/pic/8eda88a4-6264-4c46-9f3c-4690753d9014.jpg");}

            .lucky-star{
                width: 100%;
                overflow: hidden;
                position: relative;

            }
            .lucky-title{
                margin-left: -13%;
            }
            .lucky-content{
                width: 100%;
                height: 575px;
                overflow: hidden;
                position: relative;
                margin-top: -5px;
            }
            .lucky-pic{
                height: 575px;
                background-image: url("https://res0.vmallres.com/shopdc/pic/4233547f-ad6f-4392-80ee-bf7912223454.png");
            }
            .turntable{
                width: 720px;
                height: 508px;
                position: absolute;
                display: flex;
                top: 40px;
                left: 400px;
                flex-flow: row wrap;
                justify-content: space-between;
            }
            .lucky-items{
                width: 220px;
                height: 160px;
            }
            .lucky-item1{background: url("https://res7.vmallres.com/shopdc/pic/7affcb40-db33-4fcb-a48e-f7c02fa1643d.png") center center / 100% 100% no-repeat;}
            .lucky-item2{background: url("https://res2.vmallres.com/shopdc/pic/40e956db-2e1b-4ffb-9557-65cea2e4413c.png") center center / 100% 100% no-repeat;}
            .lucky-item3{background: url("https://res4.vmallres.com/shopdc/pic/5aef9b96-ef30-4018-9a79-ee4199601c7f.png") center center / 100% 100% no-repeat;}
            .lucky-item4{background: url("https://res2.vmallres.com/shopdc/pic/40e956db-2e1b-4ffb-9557-65cea2e4413c.png") center center / 100% 100% no-repeat;}
            .lucky-item5{width:144px;height:144px;background: url("https://res2.vmallres.com/shopdc/cdn/modules/prize-flip-cards/pc/img/11.png") no-repeat center center/ cover;}
            .lucky-item6{background: url("https://res2.vmallres.com/shopdc/pic/40e956db-2e1b-4ffb-9557-65cea2e4413c.png") center center / 100% 100% no-repeat;}
            .lucky-item7{background: url("https://res2.vmallres.com/shopdc/pic/40e956db-2e1b-4ffb-9557-65cea2e4413c.png") center center / 100% 100% no-repeat;}
            .lucky-item8{background: url("https://res2.vmallres.com/shopdc/pic/40e956db-2e1b-4ffb-9557-65cea2e4413c.png") center center / 100% 100% no-repeat;}
            .lucky-item9{background: url("https://res1.vmallres.com/shopdc/pic/ab55eeae-7295-451d-8049-c55359aabacd.png") center center / 100% 100% no-repeat;}
            .lucky-rule{
                width: 276px;
                height: 140px;
                position: absolute;
                top: 130px;
                left: 1180px;
                font-family: MicrosoftYaHei;
                font-size: 14px;
                color: #908C8A;
            }
            .lucky-rule p{
                margin: 1.5px;
                line-height: 1.7;
            }

            .last{
                width: 1920px;
                position: relative;
                overflow: hidden;
                margin-left: -200px;
            }
            .last-last{
                width: 100%;
                height: 200px;
                position: relative;
            }
            .act-rule{
                display: block;

                position: absolute;
                top: 50px;
                left: 500px;
            }
            .return-top{
                display: block;
                position: absolute;
                top: 50px;
                left: 850px;

            }
            .last-last a{
                width: 200px;
                height: 70px;
                background: #000000;
                border-radius: 35px;
                text-align: center;
                text-decoration: none;
                color: #FFFFFF;
                font-size: 22px;
                line-height: 70px;
            }

        </style>
    </head>
    <body>

        <div class="wrapper">

            <div class="wrapper-w">
<!--                顶部固定栏-->
                <div class="header">
                    <img src="https://res2.vmallres.com/shopdc/pic/04d388fd-3e0b-40fd-848e-c061f16c78b2.png" alt="">
                </div>
<!--                顶部图片-->
                <div id="top" class="pic-wrap">
                    <img src="https://res7.vmallres.com/shopdc/pic/cb7148e2-1789-41af-8a7e-6584d9878daa.jpg" alt="">
                </div>
<!--                顶部图片标签链接-->
                <div>
                    <a class="pic-link1" href="https://www.vmall.com/product/10086715691479.html"></a>
                    <a class="pic-link2" href="https://www.vmall.com/product/10086715691479.html"></a>
                </div>
<!--                图表-->
                <div class="diagram">
                    <img class="dia-img" src="https://res6.vmallres.com/shopdc/pic/e5c62f34-73ed-402d-87fa-a2d5b084f706.jpg" alt="">
                </div>

                <div class="dia-links">
                    <a class="dia-top dia-link-first" target="_blank" href="https://sale.vmall.com/hwlyh.html" ></a>
                    <a class="dia-top dia-link-second" target="_blank" href="https://sale.vmall.com/yjhxhwzc3.html"></a>
                    <a class="dia-link-third" target="_blank" href="https://www.vmall.com/product/10086212827177.html"></a>
                    <a class="dia-link-fourth" target="_blank" href="https://www.vmall.com/product/10086588637850.html"></a>
                    <a class="dia-link-fifth" target="_blank" href="https://www.vmall.com/notice-9984"></a>
                    <a class="dia-link-sixth" target="_blank" href="https://sale.vmall.com/pseries.html?cid=10618#part-3"></a>
                    <a class="dia-link-seventh" target="_blank" href="https://www.vmall.com/notice-9984"></a>
                </div>

                <div class="reason">
                    <img src="https://res7.vmallres.com/shopdc/pic/78ac34e9-c886-4f11-ab3d-5e987121564d.jpg" alt="">
                </div>
                <div class="reason-item">
                    <img src="https://res1.vmallres.com/shopdc/pic/edd51017-9afe-4b99-af90-0c2b1551fa0b.jpg" alt="">
                </div>
                <div class="diagram">
                    <img src="https://res5.vmallres.com/shopdc/pic/904ccfc4-e1aa-46da-b6be-23f4911207b3.jpg" alt="">
                </div>

                <div>
                    <a class="Pro-info" href="https://www.vmall.com/product/10086715691479.html"></a>
                    <a class="Pro-firstPay" href="https://www.vmall.com/product/10086715691479.html"></a>
                    <a class="Pro-secondPay" href="https://www.vmall.com/product/10086109970062.html"></a>
                    <a class="P40-info" href="https://www.vmall.com/product/10086013232739.html"></a>
                    <a class="P40-firstPay" href="https://www.vmall.com/product/10086013232739.html"></a>
                    <a class="P40-secondPay" href="https://www.vmall.com/product/10086079107741.html"></a>
                </div>

                <div class="diagram">
                    <img src="https://res9.vmallres.com/shopdc/pic/7e07ebbc-50ba-44be-82a2-43d95b3e7c7f.jpg" alt="">
                </div>
                <div>
                    <a class="P40-5G" href="https://www.vmall.com/product/10086715691479.html#10086847875037"></a>
                    <a class="P40-5G-oldUser" href="https://www.vmall.com/product/10086109970062.html"></a>
                    <a class="P40-5G-info" href="https://www.vmall.com/product/10086715691479.html#10086847875037"></a>
                </div>
<!--手机耳机板块-->
                <div class="phoneSet">
                    <div class="phoneSet-items">
                        <ul class="drag-list">

                            <li class="drag-items">
                                <a class="drag-item" target="_blank" href="https://www.vmall.com/product/10086091177494.html#10086408346049">
                                    <div class="drag-pic" >
                                        <img class="drag-img" src="https://res9.vmallres.com/pimages//product/6901443370825/428_428_3634DA1CBE520E38DDE86E5975FF6DCD9D9CFBB2F8C18EA5mp.png" alt="">
                                    </div>
                                    <div class="drag-title">HUAWEI P40 Pro 霞影纱·星钻保护壳</div>
                                    <p>&nbsp;</p>
                                    <div class="price">
                                        <span>¥599</span>
                                    </div>
                                </a>
                            </li>

                            <li class="drag-items">
                                <a class="drag-item" target="_blank" href="https://www.vmall.com/product/10086189905821.html#10086530138027">
                                    <div class="drag-pic" >
                                        <img class="drag-img" src="https://res9.vmallres.com/pimages//product/6901443366118/428_428_2FD4ED9350633493B1C45E6AF0C14F1A6606D57F4B965754mp.png" alt="">
                                    </div>
                                    <div class="drag-title">HUAWEI P40 Pro 硅胶保护壳</div>
                                    <p>&nbsp;</p>
                                    <div class="price">
                                        <span>¥99</span>
                                    </div>
                                </a>
                            </li>

                            <li class="drag-items">
                                <a class="drag-item" target="_blank" href="https://www.vmall.com/product/10086700667894.html#10086616971655">
                                    <div class="drag-pic" >
                                        <img class="drag-img" src="https://res9.vmallres.com/pimages//product/6901443365913/428_428_18CBD78F67E1DB71C5796A242BEA15136FE38C62872E1254mp.png" alt="">
                                    </div>
                                    <div class="drag-title">HUAWEI P40 皮革保护壳</div>
                                    <p>&nbsp;</p>
                                    <div class="price">
                                        <span>¥99</span>
                                    </div>
                                </a>
                            </li>

                            <li class="drag-items">
                                <a class="drag-item" target="_blank" href="https://www.vmall.com/product/10086899552208.html#10086721066287">
                                    <div class="drag-pic" >
                                        <img class="drag-img" src="https://res9.vmallres.com/pimages//product/6901443365883/428_428_F96EFB3382C7D8440E8B159F454373E7CB1D144EB24F0389mp.png" alt="">
                                    </div>
                                    <div class="drag-title">HUAWEI P40 智能视窗保护套</div>
                                    <p>&nbsp;</p>
                                    <div class="price">
                                        <span>¥299</span>
                                    </div>
                                </a>
                            </li>

                            <li class="drag-items drag-last">
                                <a class="drag-item" target="_blank" href="https://www.vmall.com/product/10086049092172.html#10086022075887">
                                    <div class="drag-pic" >
                                        <img class="drag-img" src="https://res5.vmallres.com/pimages//product/6901443344697/428_428_C72517A4938F09A0E087E77DAE4A882A2A80674FAAC94C20mp.png" alt="">
                                    </div>
                                    <div class="drag-title">FreeBuds 3 无线耳机</div>
                                    <p>  半开放式主动降噪</p>
                                    <div class="price">
                                        <span>¥999</span>
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>

<!--同步上新-->
                <div class="electronicPro">
                    <img src="https://res7.vmallres.com/shopdc/pic/641a6757-6c8a-4e8f-999a-3f785c1101bc.jpg" alt="">
                    <a class="electronicPro-link" target="_blank" href="https://sale.vmall.com/nova.html"></a>
                </div>
<!--电子产品项目-->
                <div class="electronic">
                    <div class="elect-items">
                        <div class="elect-items">

                            <div class="elect-item">
                            <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086588065570.html#10086404365921">
                                <div class="elect-pic-wra">
                                    <div class="elect-pic elect1"></div>
                                </div>
                                <div class="elect-info">
                                    <div class="elect-name">
                                        <h2 class="name-h2">HUAWEI MatePad</h2>
                                    </div>
                                    <div class="elect-title">
                                        <div class="title-text">麒麟810芯片 强劲性能</div>
                                    </div>
                                    <div class="on-sale">
                                        <div class="on-sale-info">新品预订 立省100元</div>
                                    </div>
                                    <div class="elect-price">
                                        <div class="btn-line">
                                            <span class="btn-rmb">¥</span>
                                            <span class="btn-price">1899</span>
                                            <span class="btn-q">起</span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086556717784.html#10086915342705">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect2"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">WATCH GT 2e</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">两周续航 百种运动类型</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">新品预订 立省100元</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">1288</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086642283462.html#10086192066585">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect3"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为MateBook X Pro 2020款</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">3K触控全面屏超轻薄笔记本</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">预订省200+赠蓝牙鼠标</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">7999</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086306262837.html#10086014912253">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect4"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为智慧屏 V55i</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">55英寸 | AI慧眼 | 智慧音响</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">预订最高省200+12期免息</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">3999</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086649036927.html#10086970526103">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect5"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为路由AX3</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">3000 Mbps丨华为分享 一碰连网</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">预订最高减40</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">229</span>
                                                <span class="btn-q"></span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086210995898.html#10086381085825">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect6"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI WATCH GT 2 时尚款</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">时尚版新色上市 | 麒麟A1芯片 | 强劲续航</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info"></div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">1588</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086847274633.html#10086443383069">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect7"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为超级快充立式无线充电器</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">40W MAX 无线超级快充丨全新立式风冷</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">新品预订优惠10元</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">299</span>
                                                <span class="btn-q"></span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086602089844.html#10086609864920">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic elect8"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI Sound X</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">白金版 | 帝瓦雷60W双低音炮 | Hi-Res无损音质</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info">白金版 预订立省300</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">1999</span>
                                                <span class="btn-q"></span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="wra-diagram">
                                <div class="diagram">
                                    <img src="https://res0.vmallres.com/shopdc/pic/a5b51f55-ccb8-4d33-8fa0-d619dd45eb51.jpg" alt="">
                                </div>
                                <a class="wra-diagram-link1" href="#turn"></a>
                                <a class="wra-diagram-link2" href=""></a>
                                <a class="wra-diagram-link3" target="_blank" href="https://www.vmall.com/product/10086715691479.html#10086847875037"></a>
                            </div>

                            <div id="turn" class="wra-diagram-links">
                                <div class="diagram">
                                    <img src="https://res5.vmallres.com/shopdc/pic/9ea7a181-6c1c-4ba0-85fd-c839984fe536.jpg" alt="">
                                </div>
                                <a class="wra-diagram-link" target="_blank" href="https://sale.vmall.com/p40seriesservice.html"></a>
                            </div>
<!--银行专场-->
                            <div class="bank-sale">
                                <a target="_blank" href="https://sale.vmall.com/rush/p40yhsx.html?cid=101457">
                                    <img src="https://res8.vmallres.com/shopdc/pic/1fdb3acf-3d75-4ade-864b-b849a2108504.jpg" alt="">
                                </a>
                            </div>

                            <div class="bank-zsyh">
                                <img src="https://res8.vmallres.com/shopdc/pic/91a18d8c-c75b-43db-b723-14174c2f05ab.jpg" alt="">
                                <a class="HW-P40-pay" target="_blank" href="https://sale.vmall.com/rush/p40zhsx.html?cid=93047"></a>
                                <a class="bank-more" target="_blank" href="https://www.vmall.com/notice-10200"></a>
                            </div>
                            
                            <div class="bank-zsyh">
                                <a class="HuaWeiNew" target="_blank" href="https://sale.vmall.com/hwcompany.html">
                                    <img src="https://res3.vmallres.com/shopdc/pic/6fe185aa-8ee6-4078-8ce3-4f2c6dd47b26.jpg" alt="">
                                </a>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="diagram">
                    <img src="https://res7.vmallres.com/shopdc/pic/9d678266-518a-4dd7-8e90-670b11e03faa.jpg" alt="">
                </div>

<!--                手机购买-->
                <div class="electronic">
                    <div class="elect-items">
                        <div class="elect-items">

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086225607276.html#10086553359164">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone1"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI P30</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">麒麟980 | 屏内指纹 | 双景录像</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">赠好礼|享6期免息</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">3688</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086102942203.html#10086407020352">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone2"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI P30 Pro</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">麒麟980 | 超感光徕卡四摄</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">赠好礼|享6期免息</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">4488</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086238753372.html#10086171997932">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone3"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为 Mate 30 5G</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">麒麟990 | 4000万超感光徕卡三摄</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">享12期免息</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">4499</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086775311605.html#10086188238395">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone4"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为 Mate 30 Pro 5G</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">麒麟990 | 双4000万徕卡电影四摄</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">享12期免息</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">5899</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086118909880.html#10086187373989">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone5"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI nova 5z</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">4800万AI四摄 | 人像超级夜景</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">限时直降200元</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">1399</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086763808943.html#10086079486271">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone6"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">HUAWEI nova 6 5G</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">前置3200万像素自动对焦</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">最高领券减100</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">3469</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086365288993.html#10086327583981">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone7"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为畅享 10e</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">6.3英寸珍珠屏 | 5000mAh大电池</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">5000mAh大电池</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">999</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                            <div class="elect-item">
                                <a class="elect-link" target="_blank" href="https://www.vmall.com/product/10086291072503.html#10086161751566">
                                    <div class="elect-pic-wra">
                                        <div class="elect-pic phone8"></div>
                                    </div>
                                    <div class="elect-info">
                                        <div class="elect-name">
                                            <h2 class="name-h2">华为畅享10 Plus</h2>
                                        </div>
                                        <div class="elect-title">
                                            <div class="title-text">4800万超广角AI三摄</div>
                                        </div>
                                        <div class="on-sale">
                                            <div class="on-sale-info" style="color: #0b565b">领券最高减150</div>
                                        </div>
                                        <div class="elect-price">
                                            <div class="btn-line">
                                                <span class="btn-rmb">¥</span>
                                                <span class="btn-price">1399</span>
                                                <span class="btn-q">起</span>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
<!--抽奖环节-->
                <div class="lucky-star">
                    <div class="lucky-title diagram">
                        <img src="https://res3.vmallres.com/shopdc/pic/78875aa5-f73c-4345-8b00-f53f513ebce6.png" alt="">
                    </div>
                </div>
                <div class="lucky-content">
                    <div class="lucky-pic diagram">
                        <div class="turntable">
                            <div class="lucky-items lucky-item1"></div>
                            <div class="lucky-items lucky-item2"></div>
                            <div class="lucky-items lucky-item3"></div>
                            <div class="lucky-items lucky-item4"></div>
                            <div class="lucky-items lucky-item5"></div>
                            <div class="lucky-items lucky-item6"></div>
                            <div class="lucky-items lucky-item7"></div>
                            <div class="lucky-items lucky-item8"></div>
                            <div class="lucky-items lucky-item9"></div>
                        </div>
                        <div class="lucky-rule">
                            <p>1、活动时间:</p>
                            <p>2020年4月9日-2020年4月30日</p>
                            <p>2、奖品设置:</p>
                            <p>一等奖3名，华为2020元手机优惠券一张;</p>
                            <p>二等奖60名，华为书籍一本;</p>
                            <p>三等奖若干，华为优惠券一张;</p>
                        </div>
                    </div>
                </div>

                <div class="last">
                    <img src="https://res1.vmallres.com/shopdc/pic/5692bec8-a523-4d7e-a18b-3b5232b81707.png" alt="">
                </div>

                <div class="last-last">
                    <a class="act-rule" target="_blank" href="https://www.vmall.com/notice-9984">活动规则</a>
                    <a class="return-top" href="#top">返回顶部</a>
                </div>

            </div>
        </div>
    </body>
</html>